.container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: #090d18;
  overflow-y: auto;
  overflow-x: hidden;
  .head-nav {
    display: flex;
    justify-content: flex-end;
    padding: 30px;
    box-sizing: border-box;
    .wallet {
      width: 210px;
      height: 58px;
      background: rgba($color: #000000, $alpha: 0.4);
      border-radius: 10px;
      padding: 13px 17px;
      line-height: 1;
      box-sizing: border-box;
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      display: flex;
      align-items: center;
      img {
        width: 30px;
        margin-right: 10px;
        display: block;
      }
    }
    .language {
      background: rgba($color: #000000, $alpha: 0.4);
      border-radius: 10px;
      padding: 14px 18px;
      margin-left: 18px;
      font-size: 20px;
      font-weight: 500;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .banner-view {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-sizing: border-box;
    padding: 130px 0 30px;
    .title {
      font-size: 70px;
      font-weight: 500;
      color: #ffffff;
      line-height: 1;
    }
    .sub-title {
      font-size: 28px;
      font-weight: 500;
      color: #ffffff;
      line-height: 1;
      margin-bottom: 60px;
    }
    .mint-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 242px;
      height: 80px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 41px;
      border: 2px solid #ffffff;
      font-size: 32px;
      font-weight: 500;
      color: #ffffff;
      img {
        width: 46px;
        margin-right: 24px;
      }
    }
  }
  .main {
    padding: 0 36px;
    box-sizing: border-box;
    section {
      margin-bottom: 20px;
    }
    .title {
      font-size: 38px;
      font-weight: 500;
      color: #ffffff;
    }
    .sub-title {
      font-size: 30px;
      font-weight: 500;
      color: #e89157;
      margin-bottom: 10px;
    }
    .min-title {
      font-size: 30px;
      font-weight: 500;
      color: #e89157;
      padding: 6px 0;
    }
    p {
      font-size: 24px;
      font-weight: 500;
      color: #ffffff;
      line-height: 36px;
      margin-bottom: 10px;
    }
  }
  .token {
    padding: 30px 36px;
    box-sizing: border-box;
    .title {
      font-size: 38px;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 22px;
    }
    .token-view {
      width: 100%;
      box-sizing: border-box;
      padding: 30px 40px 0;
      border-radius: 30px 30px 30px 30px;
      border: 2px solid #d5d5d5;
      .token-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 24px;
        font-weight: 500;
        color: #ffffff;
        margin-bottom: 30px;
        &.column {
          flex-direction: column;
          align-items: flex-start;
          .label {
            margin-bottom: 30px;
          }
          .value {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            .icon-copy {
              width: 30px;
              margin-right: -20px;
              display: block;
            }
          }
        }
      }
    }
  }
  .follow-us {
    padding: 30px 36px 150px;
    .title {
      font-size: 38px;
      font-weight: 500;
      color: #ffffff;
      margin-bottom: 50px;
    }
    .follow-view {
      display: flex;
      align-items: center;
      justify-content: space-around;
      img {
        display: block;
        width: 80px;
      }
    }
  }
}
